// 去注册
$("#goto-register").on("click", function () {
    $("#login").hide();
    $("#register").show();
});


// 去登录
$("#goto-login").on("click", function () {
    $("#login").show();
    $("#register").hide();
});

let layer;
let form;
layui.use(['layer', 'form'], function () {
    layer = layui.layer;
    form = layui.form;

    // 需求：
    //   1. 用户名、密码、重复密码不能为空
    //   2. 密码、重复密码   长度 6~12 位，且不能出现空格：非空格类字符；  \S
    //   3. 密码 和 重复密码 必须一致
    form.verify({
        length: [
            /^\S{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],
        same: function (value, item) { //value：表单的值、item：表单的DOM对象
            // value：再次输入密码的值
            // 第一次密码值：获取？$("#mm").val();
            if (value != $("#mm").val()) {
                return "再次输入和原密码不一致！"
            }
        },
    });




    // 注册提交用户数据
    $("#register form").on("submit", function (e) {
        e.preventDefault();


        // 1.收集数据
        let data = $(this).serialize();

        // 2.发送
        $.ajax({
            url: "/api/reguser",
            type: "POST",
            data: data,
            success: function (res) {

                layer.msg(res.message);

                if (res.status == 0) {
                    // 来到去登录界面
                    $("#login").show();
                    $("#register").hide();

                    // 原生form方法
                    $("#register form")[0].reset();
                }
            }
        });




    });






    // -----------------------------------------登录
    $("#login form").on("submit", function (e) {
        e.preventDefault();

        // 0.是否需要做验证？不需要！


        // 1.收集数据
        let data = $(this).serialize();


        // 2.提交数据
        $.ajax({
            url: "/api/login",
            type: "POST",
            data: data,
            success: function (res) {

                layer.msg(res.message);

                if (res.status == 0) {
                    // 真的来到主页面
                    location.href = "/index.html";

                    // 带了tokon
                    //       设计意义：看起来允许跨域，任何人都可以使用我们的接口！
                    //       实际：只有通过注册，登录后给你token，下次访问接口的时候带上token值 才可以使用接下来服务接口！


                    // 问题：token在loginHTML页面得到，但是index页面中使用
                    //       本地储存：把数据存在浏览器内（通过浏览器存在硬盘上）
                    localStorage.setItem("token", res.token);


                }
            }
        });





    });




});